.menu-body{
    width: 100%;
    height: 100%;
    background-color:#424a5d;
    padding:5px 15px 0px 15px;
}

.menu-header {
    width:100%;
    margin-top:15px;
}

.menu-brand{
    color: #9d9d9d;
}

.menu-brand:focus, .menu-brand:hover{
    color: #fff;
    background-color: transparent;
}
.menu-header >p{
    margin-bottom: 0px;
}
.menu-header >a{
    background-color: transparent;
    text-decoration: none; 
    height: 50px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.menu-content{
    margin-top:20px;
}

.menu-content-item{
    margin-bottom: 5px;
}
menu-content-item span{
    margin-right:10px;
}
.menu-content-item > a{
    color: #aeb2b7;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 10px;
    font-size: 13px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menu-content-item a:hover,.menu-content-item a:focus{
    background: #68dff0;
    color: #fff;
    display: block;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

